<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-100">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>@yield('layout_title')</title>

    @yield('style')
    @yield('style_tmp')
    <link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/5.11.2/css/all.min.css" type="text/css" rel="stylesheet" />
    <link href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.5.3/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
    <link href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.9.2/theme-chalk/index.css" type="text/css" rel="stylesheet" />


    <link href="{{ asset('css/app.css') }}?v=1.4" rel="stylesheet">
</head>
<body class="d-flex flex-column h-100">

@yield('layout_body')


<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.4.1/jquery.min.js" type="application/javascript"></script>
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.5.3/js/bootstrap.min.js" type="application/javascript"></script>
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.12/vue.min.js" type="application/javascript"></script>
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.9.2/index.js" type="application/javascript"></script>

<script src="{{ asset('js/app.js') }}?v=1.5"></script>

@if (session('msg'))
    <!-- Modal -->
    <div class="modal fade" id="opMsgModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title" id="exampleModalCenterTitle">提示</h6>
                </div>
                <div class="modal-body">
                    {!! session('msg') !!}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
    <script>
        $('#opMsgModal').modal();
    </script>
@endif

@include('manager.gameEditor.components.character.characterClass')
@include('manager.gameEditor.components.character.characterRace')
@include('manager.gameEditor.components.item.itemName')
@include('manager.gameEditor.components.item.itemInfoBox')
@include('manager.gameEditor.components.item.itemClassShow')
@include('manager.gameEditor.components.item.itemStatsShow')

@include('manager.gameEditor.components.spellTree.spellTreeManage')

@yield('script')

</body>
</html>
